<div :style="imageStyle" class="componentsImageBox">
    <el-image :style="imageStyle" v-if="src" :src="src" @load="imgLoad" @error="imgError" :fit="fit" :lazy="lazy"
        :alt="alt" :scroll-container="scrollContainer">
        <template slot="placeholder">
            <div v-loading="imgLoading"
                style="width:100%; height:100%; display: flex; align-items: center; justify-content: center;"></div>
        </template>
        <template slot="error">
            <div class="error">
                <img :src="$STATIC_RESOURCE_DOMAIN+'images/image-error.png'"/>
            </div>
        </template>
    </el-image>
    <div class="error" v-else>
        <img :src="$STATIC_RESOURCE_DOMAIN+'images/image-error.png'"/>
    </div>
</div>